<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./a.js" type="text/javascript"></script>
    <script src="./b.js"></script>
    <script>
        // 内嵌写js
        // 写在头部 
        // alert(1111);  :alert :1.会有弹框出现 2.阻止js程序的运行 ；
        // alert(111);
        // alert(222);

        // 打印信息 ：不会阻止程序执行；
        // 打印非数字 加上引号；
        console.log(1111);
        console.log(2222);


    </script>
</head>
<body>
    <div onclick="alert(2222)">我是div</div>
    <a href="javascript:alert(3333);">链接</a>
    <a href="javascript:;">链接</a>

    <script src="./c.js">
        // console.log("我是内嵌的代码");  // 不行的


    </script>
    <script>
        
        // js：组成  BOM:bower Object Model;  DOM:document Object Model;  EVENT:事件 
        // ECMAScript(ES5) 5.0 ---> ECMAScript(ES6+) 6.0+
        // js如何使用？
        // 1.内联 行内 （了解）;
        // onclick :点击的时候执行 后面引号里的代码
        // alert():弹出一个框 ，“111” 是框里的内容
        // 2.内嵌js  : script标签里 js代码  一般会把script标签放在html的头部或者是html的底部；
        // 一般情况下 内嵌会放在底部；
        console.log(333);
        console.log(4444);

        // 3.外链 ：注意 外链js之后能不能内嵌？？（不能既外链又内嵌使用js）；


        // 总结：js的使用方式  1.内联 2.内嵌（头部，底部（推荐）) 3.外链：外链和内嵌不能混用；
        // 1.onclick 2.alert  3.console.log 4.text/javascript(了解);
        // 打印非数字 需要加引号；



    </script>
</body>
</html>